<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乙方宝电脑端</title>
    <style>
        *{
            padding: 0;
            margin: 0 auto;
            list-style: none;
        }
        html, body {
            font-size: 12px;
            font-family: 'Arial SansSerif';
        }
        .header-image {
            width: 100%;
            display: block;
        }
        .main {
            padding: 0 3.333333rem;
            line-height: 1;
            margin-top: -0.1rem;
        }
        .main .share-laiyuan {
            color: #333333;
            font-weight: bold;
            font-size: 1.66666667rem;
        }
        .main .tip1 {
            color: #666666;
            font-size: 1.5rem;
            margin-top: 2.5rem;
        }
        .main .tip1.warning a {
            color: #1879F7;
            text-decoration: underline #1879F7;
        }
        .main .tip1.warning .warn {
            color: #E81414;
        }
        .main .project {
            margin-top: 2.5rem;
            padding: 2.5rem;
            border: 1px solid #E6EEFF;
            background: #EEF4FF linear-gradient(-30deg, #EEF4FF 0%, #F5FAFF 100%);
            border-radius: .83333333rem;
            text-align: center;
        }
        .title {
            text-align: center;
            font-size: 2.1666666666rem;
            font-weight: bold;
            line-height: 1.25;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
        .property {
            display: flex;
            justify-content: space-between;
            margin: 1.58333333rem 0;
            font-size: 0;
        }
        .property-item {
            white-space: nowrap;
            /*margin: 0 4.167777rem;*/
            color: #999999;
            font-size: 1.33333333rem;
        }
        .property-item::before {
            margin-right: 5px
        }
        .project .project-btn {
            margin: 0 auto !important;
            /*display: block;*/
            width: 16.6666667rem;
            border-radius: 2.0833333333333335rem;
        }
        .main .tip3 {
            color: #999999;
            font-size: 1.3333333rem;
            margin-top: 1.25rem;
            line-height: 1.25;
        }
    </style>
</head>
<body>
<script>
    resetRem()
    window.addEventListener('resize', resetRem)
    function resetRem() {
        var width = window.innerWidth > 750 ? 750 : window.innerWidth < 250 ? 250 : window.innerWidth
        document.documentElement.style.fontSize = width/750*12 + 'px'
    }
</script>
<link rel="stylesheet" href="https://yfb-new-pc-file.oss-cn-hangzhou.aliyuncs.com/share/css/iconfont.css" />
<a href="http://qiye.qianlima.com/yfbsite/a/login" target="_blank">
    <img src="https://yfb-new-pc-file.oss-cn-hangzhou.aliyuncs.com/share/image/email-header.png" class="header-image">
</a>
<div class="main">
    <div class="share-laiyuan">分享人：${username}</div>
    <div class="tip1">我想让你看下这个项目：</div>
    <div class="project">
        <div class="title">文昌学校（二期）工程-配套工程初步设计及概算</div>
        <div class="property">
            <div class="property-item iconfont icon-PC-gonggao">招标公告</div>
            <div class="property-item iconfont icon-PC-dizhi">海南文昌</div>
            <div class="property-item iconfont icon-PC-shijian">2022-3-8</div>
        </div>
        <img src="https://yfb-new-pc-file.oss-cn-hangzhou.aliyuncs.com/share/image/project-click-btn.png" class="project-btn"/>
    </div>
    <div class="tip1 warning">本邮件由<a href="http://qiye.qianlima.com/yfbsite/a/login" target="_blank">乙方宝电脑端</a>代发，请勿<span class="warn">直接回复</span></div>
    <div class="tip3">为保证邮箱正常接受，请将 yfbpc@xiaoxi.qianlima.com 添加进您的通讯录</div>
</div>
<script>
    var url = ''
    window.onload = function () {
        document.querySelector('.project-btn').onclick = function(e) {
            e.preventDefault()
            window.location.open(url)
        }
    }
</script>
</body>
</html>